@import "./variables";
@import "./animations";
@import "./loading.scss";
@import "./backgrounds";
@import "./positions";
@import "./interactive";
@import "./fonts";
@import "./sidebar.scss";
@import "./border";
@import "./buttons";
@import "./element-widgets.scss";
@import "./iconfont.scss";
@import "./margin.scss";
@import "./padding.scss";
@import "./flex.scss";
@import "./size.scss";
@import "./height.scss";
@import "./lineHeight.scss";
@import "./initVant.scss";

$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index.scss";
body {
  height: 100%;
  margin: 0px;
}

html {
  height: 100%;
  box-sizing: border-box;
}
#app {
  height: 100%;
}

*,
*:before,
lib/theme-chalk/index.css *:after {
  box-sizing: inherit;
}

//main-container全局样式
.app-container {
  //   padding: 20px;
  padding: 20px 12px 10px 12px;
  height: 100%;
}

.pagination-container {
  margin-top: 26px;
}

.fixed-header {
  z-index: 1000 !important;
  padding-right: 0px !important;
}
.top-bar-sticky {
  z-index: 100 !important;
  background-color: white;
  padding-top: 0px;
  border-bottom: $--border-base;
  .el-date-editor--datetimerange {
    width: 100% !important;
  }
  & > * {
    padding-top: 40px;
  }
}
.form-create {
  & > div {
    flex-wrap: wrap;
  }
}

// 解决日期控件与其他控件长度不一致的问题
.el-date-editor.el-input.el-input--mini {
  width: 100%;
}

// 点击链接下划线变红问题
.nest-menu > a {
  text-decoration: none;
}

.btn-group {
  display: flex;
  align-items: center;
  & > * {
    margin-right: 8px;
  }
}

* {
  box-sizing: border-box !important;
}
.hover-son {
  opacity: 0;
  transition: all ease 0.5s;
}
.hover-box {
  &:hover {
    .hover-son {
      opacity: 1;
    }
  }
}

.width-box {
  width: 380px;
}
.width-box-w {
  width: 400px;
}

.grou-list-left {
  width: 260px;
}
.grou-list-right {
  width: calc(100% - 260px);
}
